$width:90%;
$padding-top:30px;
$laywer:47%;
$font:17px;
.caseAdd{
    height: 100%;;
   
.add-top{
    flex-direction: row;
    padding-top: 20px;
    height: 40px;
}
.add-content{
    flex-direction: column;
    .add-p{
        width: $width;
        margin: auto;
        justify-content: flex-end;
        flex-direction: row; 
        border-bottom: 1px solid rgba(110, 109, 109, 0.1);
        span{
            width: 50px;
            flex-direction: row; 
           
            justify-content: flex-end;
            p{
                font-size:12px;
                font-family:MicrosoftYaHei;
                font-weight:400;
                color:rgba(126,44,46,1);
                cursor: pointer;
            }
            i{
                font-size:20px;
                color:#cdc9c5;
                cursor: pointer;
            }
        }
      
    }
    .add-userinfo{
        // border: 1px solid #000;

        flex-direction: column;
        justify-content: center;
        padding-top: $padding-top;
        padding-bottom: $padding-top;
       
        // height: 300px;
        webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
        .add-userinfo-p{
            width: $width;
            margin: auto;
            color: #7E2C2E;
            font-weight: 600;
            font-size: $font;
        }
       .add-userinfo-index{
        width: $width;
        margin: auto;
        margin-top: 20px;
        flex-direction: row;
        .sselct{
            .el-select {
                width: 170px;
                .el-input__inner{
                    border-radius: 0px;
                    height: 35px;
                }
                .el-input__icon{
                    line-height: 35px;
                }
            }
        }
        .add-userinfo-left{
            width: 50%;
            flex-direction: column;
            .selectInput{
                .el-select {
                    width: 170px;
                    .el-input{
                        .el-input__inner{ 
                            border-radius: 0px;
                            height: 35px !important; 
                        }
                        .el-input__icon{
                            line-height: 35px;
                        }
                    }
                  
                }
            }
            .selectInput1{
                .el-select {
                    width: 100px !important;
                    height: 35px !important;
                    .el-input__inner{
                        border-radius: 0px;
                        height:35px;
                    }
                    .el-input__icon{
                        line-height: 35px;
                    }
                }
            }
            .flex{
              
                margin-top: 10px;
                .title{
                font-size:14px;
                font-family:MicrosoftYaHei-Bold;
                font-weight:bold;
                color:rgba(51,51,51,1);
                min-width: 110px;
                flex-direction: column;
                justify-content: center;
                display: flex;
                display: -webkit-flex;
                flex-direction: column;
              
                }
                .el-select{
                    width: 200px;
                   
                        .el-input__inner{
                            border-radius: 0px;
                            height:35px;
                            &:focus{
                                border-color: #ccc;
                            }
                        }

                        .el-input__icon{
                            line-height: 35px;
                        }
                    
                }
            }
        }
      }
    }
    .add-caseinfo{
        margin-top: 30px;
    }
    .add-lawyer-parent{
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
   
    .add-lawyer{
        margin-top: 30px;
        width: $laywer;
        flex-direction: column;
        // justify-content: center;
        padding-top: $padding-top;
        padding-bottom: $padding-top;
        webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
        .add-lawyer-title{
            flex-direction: row;
            justify-content: space-between;
            width: 77%;
            margin: 0 auto;
           p{
            color: #7E2C2E;
            font-weight: 600;
            font-size: $font;
           }
           span{
            color: #7E2C2E;
            font-size: 12px;
            cursor: pointer;
           }
        }
        .add-lawyer-index{
            flex-direction: column;
            width: 80%;
            margin: 0 auto;
                .info{
                    margin-top: 10px;
                }
                .flex{
                    flex-direction: row;
                    justify-content: space-around;
                    width: 300px;
                    height: 50px;
                  
                    .el-select{
                        border-radius: 0px;
                        width: 100px;
                        height: 30px;
                        margin-top: 10px;
                        .el-input__inner{
                            width: 100px;
                            height: 30px;
                            border-radius: 0px;
                        }
                        .el-input__icon{
                            line-height: 30px;
                        }
                    }
                    .title{
                      
                        margin-top: 10px;
                        font-size:14px;
                        font-family:MicrosoftYaHei-Bold;
                        font-weight:bold;
                        color:rgba(51,51,51,1);
                        width: 100px;
                    }
                    .lawyer-input{
                        width: 100px;
                        height: 30px;
                        margin-top: 10px;
                    }
                    i{
                        margin-left: 10px;
                        color: #999999;
                        font-size: 12px;
                        cursor: pointer;
                    }
                    .input-icon{
                        width: 50px;
                        line-height: 50px;
                        i{
                            color: #999999;
                            cursor: pointer;
                            font-size: 12px;
                        }
                    }
                    .p{
                        width: 100px;
                        font-size: 14px;
                    }
                }
            }
        }
    
    }
    .add-method{
          margin-top: 30px;
          padding-top: $padding-top;
          padding-bottom: $padding-top;
          webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
          .add-method-index{
            flex-direction: row;
            justify-content: flex-start;
            width: $width;
            margin: auto;
            align-items: center;
            .select-input{
                .el-select {
                    width: 170px;
                    .el-input__inner{
                        border-radius: 0px;
                    }
                }
            }
           
            p{
                width: 120px;
                color: #7E2C2E;
                font-weight: 600;
                font-size: $font;
            }
            .el-select{
                width: 130px;
            }
          }
        
    }
    .add-Pay{
         margin-top: 30px;
         padding-top: $padding-top;
         padding-bottom: $padding-top;
         webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
         box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
        .add-Pay-index{
            width: $width;
            margin: auto;
            flex-direction: row;
            justify-content: space-between;
            .add-Pay-index-child{
                 width: 90%;
                flex-direction: column;
            .flex{
                flex-direction: row;
                justify-content: space-between;
                .el-select{
                    width: 200px;
                    .el-input__inner{
                        width: 200px;
                        height: 35px;
                        border-radius: 0px;
                        &:focus{
                            border-color: #ccc;
                        }
                    }
                    .el-input__icon{
                        line-height: 35px;
                    }
                }
                p{
                    width: 200px;
                }
                .title{
                    font-size:14px;
                    font-family:MicrosoftYaHei-Bold;
                    font-weight:bold;
                    color:rgba(51,51,51,1);
                    width: 200px;
                }
                .input-icon{
                    width: 50px;
                    line-height: 50px;
                    margin-right: 50px;
                    i{
                        color: #999999;
                        cursor: pointer;
                        font-size: 12px;
                    }
                }
               
                input{
                    margin-top: 10px;
                }
                
                .add-method-input{
                    width: 380px;
                }
            }
          
             }
             .add-icon{
                //  width: 30%;
                flex-direction: row;
                height: 20px;
                p{
                    color: #7E2C2E;
                    font-size: 12px;
                    cursor: pointer;
                }
                i{
                    color: #7E2C2E;
                    font-size: 12px;
                    cursor: pointer;
                    line-height: 18px;
                }
            }
      }
    }
    .end-btn{
        width: 23%;
        margin: 50px auto;
        flex-direction: row;
        justify-content: space-between;
        .btn{
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            background: #FFF;
            border: 1px solid #DCDFE6;
            color: #606266;
            -webkit-appearance: none;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            outline: 0;
            margin: 0;
            -webkit-transition: .1s;
            transition: .1s;
            font-weight: 500;
            padding: 12px 20px;
            font-size: 14px;
            color: #FFF;
        }
        .btn1{
            background-color: #A92A2E;
            border-color: #A92A2E;
        }
        .btn2{
            background-color: #7E2C2E;
            border-color: #7E2C2E;
            
        }
    }
  }
}
